<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>考勤数据</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" ;content="IE=edge, chrome=1">
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
<section class="container">
    <section class="container-left">
        <div class="container-left-header"><img src="images/logo.png" class="img-responsive"></div>
        <ul class="container-left-ul">
            <li class="active"><a href="index.html"><i class="icon1"></i>考勤数据</a></li>
            <li><a href="index2.html"><i class="icon2"></i>考勤统计</a></li>
        </ul>
    </section>
    <section class="container-right">
        <div class="container-right-header"><i><span></span></i>学生考勤</div>
        <p class="container-right-nav"><i></i>2017.05.27 | 初二·3班 | 第2节 数学课</p>
        <div class="classroom-list">
            <p class="text-center class-info">本节课共 <i>36 </i>人，迟到 <i>1</i> 人，缺席 <i>3 </i>人</p>
            <p class="text-center platform">讲台</p>
            <table class="text-center class-room">
                <thead><tr><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th><th>F</th></tr></thead>
                <tbody>
                <tr>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td class="late-person"><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td class="absent-person"><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                </tr>
                <tr>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                </tr>
                <tr>
                    <td><span><i></i>李明芳</span></td>
                    <td class="absent-person"><span><i></i>李明芳</span></td>
                    <td class="absent-person"><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                </tr>
                <tr>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                </tr>
                <tr>
                    <td><span><i></i>李芳</span></td>
                    <td><span><i></i>李明芳芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明</span></td>
                    <td><span><i></i>李芳明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                </tr>
                <tr>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                    <td><span><i></i>李明芳</span></td>
                </tr>
                </tbody>
            </table>
        </div>
    </section>
</section>
</body>
</html>